.add-article {
  .markdown-content {
    font-size: 16px !important;
    max-height: 650px;
  }

  .show-html {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    height: 650px;
    background-color: #f0f0f0;
    overflow: auto;
  }

  .custom-html-style {
    img {
      display: block;
      margin: 5px auto;
    }

    p {
      img {
        max-width: 50%;
      }
    }
  }

  p code {
    background-color: #FFF5F5;
    border-radius: 3px;
    padding: 0 3px !important;
    margin: 0 3px !important;
    color: tomato;

  }

  .introduce-html {
    overflow: auto;
    height: 100px;
    padding: 10px;
    border: 1px solid #ccc;

    pre {
      background-color: #F5F5F5 !important;
      padding: 20px;
    }

    blockquote {
      position: relative;
      margin: 16px 0;
      padding: 5px 8px 5px 30px;
      background: none repeat scroll 0 0 rgba(102, 128, 153, .05);
      color: #333;
      border: none;
      border-left: 10px solid #d6dbdf;

      p {
        font-size: 14px;
        line-height: 1.7;
        margin: 8px 0;
      }
    }
  }

  .avatar-uploader {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

    .image-area {
      position: relative;

      .anticon {
        position: absolute;
        right: 2px;
        top: 2px;
      }
    }
  }

}
